<!DOCTYPE html>
<html lang="en">

<head>
  <%= require('utils')['inc']('meta') %>
  <title>登录-注册</title>
</head>

<body>
  <!-- 侧滑导航根容器 -->
  <div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-right">
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <!-- 菜单具体展示内容 -->
          <%= require('utils')['inc']('aside') %>
        </div>
      </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
      <!-- 主页面标题 -->
      <%= require('utils')['inc']('header') %>
      <div class="mui-content mui-scroll-wrapper bgWhite has-footer">
        <div class="mui-scroll">
          <!-- 主界面具体展示内容 -->
          <div class="login-register-container">

            <div class="header-tab-bar">
              <div id="login-register-segmentedControl" class="mui-segmented-control">
                <a class="mui-control-item mui-active" href="#login-item">登陆</a>
                <a class="mui-control-item" href="#register-item">注册</a>
              </div>
            </div>

            <div class="content-wrapper">
              <!-- 手机登录 -->
              <div id="login-item" class="login-item mui-control-content mui-active">
                <form>
                  <div class="mui-input-row">
                    <input type="text" class="mui-input-clear phone" name="login-user" placeholder="请输入手机号码/用户名">
                  </div>
                  <div class="slide-wrapper" id="login_slide_wrapper" slide="">
                    <div class="slide_box">
                      <div class="slide_xbox">
                        <div class="btn">
                        </div>
                      </div>
                      请按住滑块，拖动到最右边
                    </div>
                  </div>
                  <div class="mui-input-row toggle-wrap code-wrap">
                    <input type="text" class="code" name="login-code" placeholder="请输入验证码">
                    <button type="button" class="mui-btn mui-btn-primary get-code">获取验证码</button>
                  </div>
                  <div class="mui-button-row">
                    <button type="button" class="mui-btn mui-btn-primary confirm login-submit">立即登陆</button>
                    <a href="javascript:;" data-idx="1" id="password-login" class="login-toggle">密码登陆</a>
                  </div>
                  <div class="other-login">
                    <p>其他方式登陆</p>
                    <div class="img-box">
                      <a href="#">
                        <img src="<%= require('images/qq_icon.png') %>" alt="" class="login-icon">
                      </a>
                      <a href="#">
                        <img src="<%= require('images/weibo_icon.png') %>" alt="" class="login-icon">
                      </a>
                    </div>
                  </div>
                </form>
              </div>
              <!-- 手机登录结束 -->

              <!-- 密码登录 -->
              <div id="login-code-item" class="login-item mui-control-content mui-active">
                <form>
                  <div class="mui-input-row">
                    <input type="text" class="mui-input-clear phone" name="login-user" placeholder="请输入手机号码/用户名">
                  </div>
                  <div class="mui-input-row toggle-wrap">
                    <input type="password" class="mui-input-password password" name="login-password" placeholder="请输入密码">
                  </div>
                  <div class="mui-button-row">
                    <button type="button" class="mui-btn mui-btn-primary confirm login-submit">立即登陆</button>
                    <a href="javascript:;" data-idx="1" id="code-login" class="login-toggle">手机验证码登陆</a>
                  </div>
                  <div class="other-login">
                    <p>其他方式登陆</p>
                    <div class="img-box">
                      <a href="#">
                        <img src="<%= require('images/qq_icon.png') %>" alt="" class="login-icon">
                      </a>
                      <a href="#">
                        <img src="<%= require('images/weibo_icon.png') %>" alt="" class="login-icon">
                      </a>
                    </div>
                  </div>
                </form>
              </div>
              <!-- 密码登录结束 -->

              <!-- 注册 -->
              <div id="register-item" class="register-item mui-control-content">
                <form>
                  <div class="mui-input-row">
                    <input type="text" class="mui-input-clear phone" name="register-user" placeholder="请输入手机号码/用户名">
                  </div>
                  <div class="mui-input-row">
                    <input type="password" class="mui-input-password password" name="register-password" placeholder="请设置密码">
                  </div>
                  <div class="mui-input-row">
                    <input type="password" class="mui-input-password password-confirm" name="register-password-confirm" placeholder="请确认密码">
                  </div>
                  <div class="slide-wrapper" id="register_slide_wrapper" slide="">
                    <div class="slide_box">
                      <div class="slide_xbox">
                        <div class="btn">
                        </div>
                      </div>
                      请按住滑块，拖动到最右边
                    </div>
                  </div>
                  <div class="mui-input-row code-wrap">
                    <input type="text" class="code" name="register-code" placeholder="请输入验证码">
                    <button type="button" class="mui-btn mui-btn-primary get-code">获取验证码</button>
                  </div>
                  <div class="mui-button-row">
                    <button type="button" class="mui-btn mui-btn-primary confirm register-submit">确认注册</button>
                  </div>
                  
                </form>
              </div>
              <!-- 注册结束 -->
            </div>

          </div>
        </div>
      </div>
      <!-- off-canvas backdrop -->
      <div class="mui-off-canvas-backdrop"></div>
    </div>
  </div>
</body>

</html>